import { useMemo } from 'react';
import type { YmQueryFilterProps } from 'ym-design';
import { YmQueryFilter } from 'ym-design';

function YmQueryFilterPage() {
  const searchcomps: YmQueryFilterProps['formItems'] = useMemo(
    () => [
      {
        name: 'plateNumber',
        label: '车牌号',
        valueType: {
          type: 'input',
          inputProps: {
            placeholder: '请输入车牌号',
          },
        },
        // colProps: {
        //   span: 6
        // }
      },
      {
        name: 'carNumber',
        label: '车号',
        valueType: {
          type: 'input',
        },
        inputProps: {
          placeholder: '请输入车号',
        },
        // colProps: {
        //   span: 6
        // }
      },
      {
        name: 'ownerName',
        label: '所有人',
        valueType: {
          type: 'input',
        },
        inputProps: {
          placeholder: '请输入所有人',
        },
        colProps: {
          span: 6,
        },
      },
    ],
    [],
  );

  return (
    <div className="query_filter_page">
      <YmQueryFilter formItems={searchcomps} span={8} />
    </div>
  );
}

export default YmQueryFilterPage;
